.detail-content{
    width: 80%;
    margin: 0 auto;
    
    .sitmap{
        width: 100%;
        height: 24px;
        div{
            float: left;
            cursor: pointer;
            float: left;
            border: 1px solid #eee;
            border-radius: 5px;
            font-family: "微软雅黑" !important;
            font-weight: bold;
            font-size: 12px;
            color: black;
            padding: 2px 8px;
        }
        .sitmap-arrow{
            border: 0; 
        }
    }
    
    .de-main{
        width: 100%;
        margin-top: 30px;
        margin-bottom: 100px;
        overflow: hidden;
        font-size: 14px;
        .de-info{
            width: 100%;
            .detail-left{
                width: 65%;
                float: left;
                .left-pic{
                    width: 100%;
                    #item-effect{
                        z-index: 10;
                        cursor: move;
                        width: 100%;
                        height: 440px;
                        overflow: hidden;
                        
                        img{
                            width: 650px;
                            height: 440px;
                        }
                    }
                }
                .info-thumb{
                    width: 100%;
                    ul{
                        width: 100%;
                        height: 80px;
                        padding: 17px 0;
                        li{
                            float: left;
                        }
                    }
                }  
            }
            
            .detail-right{
                width: 33%;
                float:right;
                text-align: left;
                ul{
                    width: 100%;
                    li{
                        width: 100%;
                    }
                    .icon-activity{
                        height: 24px;
                        margin-bottom: 17px;
                    }
                    .cake-name{
                        font-size: 15px;
                        font-family: "微软雅黑" !important;
                        font-weight: bolder;
                    }
                    .cake-price{
                        margin: 36px 0;
                        height: 37px;
                        position: relative;
                        .price-left{
                            float: left;
                            font-size: 24px;
                            font-family: "微软雅黑" !important;
                            color: black;
                            font-weight: bolder;
                            .price-left-small{
                                font-size: 15px;
                                line-height: 27px;
                                vertical-align: top;
                            }
                        }
                        .price-right{
                            float: right;
                            text-indent: -999999px;
                            width: 87px;
                            height: 35px;
                            background: url(/images/icon-scan.png)no-repeat center center;
                            background-size: cover;
                            margin-right: 68px;
                            cursor: pointer;
                        }
                    }
                    .cake-sweetness{
                        margin-bottom: 30px;
                        height: 20px;
                        
                    }
                    .cake-size{
                        width: 100%;
              
                        .sizes{
                            margin-bottom: 24px;
                            height: 30px;
                            width: 346px;
                            
                            .li-size{
                                float: left;
                                background-repeat:no-repeat ;
                                height: 25px;
                                width: 50px;
                                cursor: pointer;
                                text-align: center;
                                line-height: 25px;
                                border: 1px solid gainsboro;
                                border-radius: 5px;
                                margin-right: 5px;
                            }
                            .choose-size{
                                background: url(/images/choose.png)no-repeat 0px -2px;
                                font-size: 13px;
                                color: white;
                                border: 0;
                                line-height: 30px;
                                height: 30px;
                               width: 56px;
                            }
                        }
                    }
                    .cake-message{
                        width: 100%;
                        border-top: 1px solid #eee;
                        height: 65px;
                        div{
                            font-size: 12px;
                            color: black;
                            width: 50%;
                            height: 18px;
                            line-height: 18px;
                            padding-left: 28px;
                            float: left;
                            margin-top: 18px; 
                        }
                        .message-one{
                            background: url(/images/message-one.jpg)no-repeat left center;
                            
                        }
                        .message-two{
                            background: url(/images/message-two.jpg)no-repeat left center;
                            width: 40%;
                        }
                        .message-three{
                            background: url(/images/message-three.jpg)no-repeat left center;
                            
                        }
                        .message-four{
                            background: url(/images/message-four.jpg)no-repeat left center;
                            width: 40%;
                        }
                    }
                    .cake-count{
                        width: 100%;
                        height: 40px;
                        margin-top: 24px;
                        border-bottom: 1px solid #eee;
                    
                        div{
                            float: left;
                            width: 22px;
                            height: 22px;
                            line-height: 18px;
                            margin-bottom: 18px;
                        }
                        .reduce-num{
                            background: url(/images/sub.jpg) no-repeat center center;
                        }
                        .cake-num{
                            width: 50px;
                            height: 23px;
                            text-align: center;
                            margin-top: 0px;
                            line-height: 23px;
                            font-family: "微软雅黑"!important;
                            font-size: 16px;
                            color: black;
                            font-weight: bolder;
                        }
                        .add-num{
                            background: url(/images/add.jpg)no-repeat center center;
                        }
                    }
                    .info-button{
                        width: 100%;
                        height: 31px;
                        margin-top: 24px;
                        .button-group{
                            width: 100%;
                            margin: 0 54px;
                            height: 30px;
                            font-size: 13px;
                            font-weight: bolder;
                            cursor: pointer;
                            text-align: center;
                            span{
                             float: left;   
                            }
                            .add-cart-button{
                                height: 41px;
                                line-height: 41px;
                                width: 80px;
                               
                            }
                            .buy-button{
                                color: white;
                                margin-left: 25px;
                                width: 120px;
                                height: 41px;
                                display: inline-block;
                                line-height: 41px;
                                background: #01d5d8;
                                border-radius: 5px;
                            }
                            .buy-button:hover{
                                background: #00c2c5;
                            }
                        }
                    }
                }
            }
        }
    }
    .product-detail-content{
        .detail-nav{
            ul{
                li{
                    font-size: 12px;
                    a{
                        color: darkgray;
                    }
                }
                li:hover a{
                    color: #01D5D8;
                }
            }
        }
        
        .product-detail-main{
            .product-notes{
                text-align: left;
                font-family: "微软雅黑" !important;
                height: 97px;
                margin-bottom: 80px;
                font-size: 12px;
                color: #aaa; 
                .left{
                    float: left;
                    margin: 24px 0 0 30px;
                    
                   .brand{
                       float: left;
                   }
                   .taste{
                       float: right;
                   }
                   .besttime{
                       clear: both;
                       float: left;
                       margin-top: 41px;
                   }
                }
                .right{
                    float: right;
                    .material{
                        margin: 24px 30px 0 0;
                    }
                    .crowd{
                        margin-top: 41px;
                    }
                }
            }
           .product-decr{
                height: 141px;
                margin-bottom: 80px;
                width: 100%;
                font-family: "微软雅黑" !important;
                color: black;
                 text-align: center;
                .decr-chenese{
                    width: 100%;
                   
                    margin-bottom: 6px;
                    line-height: 27px;
                }
                .decr-english{
                    font-size: 13px;
                    line-height: 27px;
                }
            } 
            
            .product-introduce{
                img{
                    box-sizing: border-box;
                    vertical-align: middle;
                    width: 100%;
                }
            }
           .pruduct-size{
               img{
                   box-sizing: border-box;
                    vertical-align: middle;
                    width: 100%;
               }
                
           }
           
           
           //配送范围
           .delivery-scope{
               display: inline-block;
               text-align: left;
               width: 100%;
               margin: 0 10px;
               margin-bottom: 30px;
               div{
                
                   line-height: 22px;
                   font-family: "微软雅黑" !important;
                   font-size: 14px;
                   margin-bottom: 10px;
               }
               .address-a{
                   clear: both;
                   float: left;
                   width: 60px;
                   background: #01D5D8;
                   color: white;
                   border-radius: 5px;
                   text-align: center;
                  
               }
               .address-b{
                   float: left;
                   width: 90%;
                   line-height: 22px;
                   margin-left: 20px;
                  
               }
           }
           
           
           
           
           //尾部广告
           .banner-group{
               height: 270px;
               margin-bottom: 80px; 
               div{
                   height: 120px;
                   img{
                       width: 100%;
                   }
               }
               .shbank-banner{
                   margin-top: 30px;
                  
               }
           }
        }
         
    }
   
}
